<script setup lang="ts">
defineProps<{
    text:string
}>()

const emits = defineEmits<{
    (eventName: "click"): void
}>();

</script>


<template>
    <div class="add" @click="emits('click')">
        <svg-icon svg-name="add" />
        <p>{{text}}</p>
    </div>
</template>

<style scoped lang="scss">
.add {
    background-color: var(--cp-primary);
    color: var(--cp-bg);
    text-align: center;
    padding: 15px 0;
    border-radius: 8px;

}
</style>
